<template>
  <div>
      <my-table>
        <template #title >
<h1>{{name}}</h1>
          </template>
        <template v-slot:index='scope'>
          <h1>{{scope.index}}</h1>
        </template>
        <template v-slot:name1='scope'>
<h2>{{scope.name1}}</h2>
        </template>
        <template v-slot:price='scope'>
          <h3>
            {{scope.price}}
          </h3>
          </template>
        <template v-slot:time='scope'>
          <h2>
            {{scope.time}}
          </h2>
          </template>
<template #del>
<button>{{del}}</button>
</template>
      </my-table>
  </div>
</template>

<script>
import MyTable from './components/MyTable.vue'
export default {
  components: { MyTable },
  data () {
    return {
      name: '我的店铺',
      del: '删除'
    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>

</style>
